.div{
	box-sizing: border-box;
}
.item {
		// display: flex;
		margin: 20rpx 0 0;
		// justify-content: space-between;
		// align-items: center;
		background-color: #ffffff;
		padding: 20rpx;
		border-radius: 20rpx;
		font-size: 24rpx;
		.top {
			display: flex;
			justify-content: space-between;
			align-items: center;
			.number{
				font-size: 28rpx;
				color: #666;
			}
			.status{
				
				color: #F55726;
			}
			
			
			
			// width: 30%;
			// margin-right: 20rpx;
			
		}
		.middle {
			width: 100%;
			color: #333333;
			.title {
				font-size: 28rpx;
				line-height: 50rpx;
				font-weight: 500;
				
				// border-bottom: 1px #f5f5f5 solid;
				margin-bottom: 10rpx;
			}
			.content{
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				.left{
					display: flex;
					justify-content: flex-start;
					align-items: flex-start;
					width: 60%;
					.images{;
						width: 170rpx;
						height: 170rpx;
						background-color: #F8F9FA;
						// padding: 20rpx;
						border-radius: 16rpx;
						// margin: 15rpx auto;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.desc{
						margin-left: 20rpx;
					}
				}
				.right{
					width: 40%;
					text-align: right;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-end;
					font-weight: 500;
					
					// height: 170rpx;
					.text{
						display: flex;
						justify-content: flex-end;
						align-items: center;
						font-weight: normal;
						.status{
							color:#F55726;
							
							// font-size: 22rpx;
						}
						.price{
							font-weight: 500;
							// font-size: 22rpx;
							color: #333333;
							font-weight: 600;
						}
						
					}
					.active{
						text-decoration: line-through;
						text-decoration-color: #F55726;
					}
				}
			}
		}
		.bottom {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 40rpx;
			.date {
				font-size: 24rpx;
				margin-top: 4rpx;
				color: #999999;
			}
			// /deep/.u-reset-button{
			// 	color: #f00 !important;
			// }
			.btn {
				color: $u-tips-color;
				font-size: 24rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 12rpx;
			}
		}
	}